<template>
  <!--
   这个文件 是.vue结尾的文件  这个文件专业名词 叫vue组件 vue组件当中包含三个部分

   1： template  表示模板
            写html页面的内容

       template标签是h5中的标签  表示模板  在vue中 这个标签中 写的内容都是html标签
       但是在这个template标签中 只能允许存在一个根标签

   2: script
         写js的功能
         可以定义
         export default {

           }
         data
         methods
         created()


   3: style
           写template中html中的样式的




   es6 导入导出功能



   页面中页面跳转功能
    比如说 我访问 /login  应该显示登陆页面

             访问/main  应该显示主页
     路由： router下的index.js
        根据不同的请求路径 跳转到不同的页面中


    我们发现 使用脚手架创建的工程 默认有内外边距 此时如果有默认的内外边距 可能会影响我们的布局
    此时我们需要重置样式
    方式一： 手写
    方式二： 使用现成的
  -->
  <div id="app">
    <!--  如果页面中某个位置是可变的 此时需要使用一个标签 -->
    <router-view/>
  </div>

</template>

<script>

</script>

<style lang="scss">
  //设置高度
  html,body,#app {
    width: 100%;
    height: 100%;
  }
</style>
